<!doctype html>
<html lang="en-us">
<head>
    <title>AstroImpact.net</title>

    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="manifest" href='data:application/manifest+json,{"display":"standalone"}' />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
    <meta name="darkreader-lock"/>

    <link href="favicon.png" rel="shortcut icon">
    <link href="favicon.png" rel="apple-touch-icon">
    <link href="favicon.png" rel="apple-touch-icon-precomposed">
    <link href="favicon.png" rel="icon" sizes="192x192">
    <link href="favicon.png" rel="icon" sizes="16x16">
    <meta property="og:image" content="favicon.png">
    <meta property="twitter:image:src" content="favicon.png">
    <meta name="image" content="favicon.png">
    <meta itemprop="image" content="favicon.png">
    <meta name="og:image" content="favicon.png">

    <meta name="description" content="A multi-player space game, defend the planet from the incoming asteroids!">
    <meta itemprop="name" content="A multi-player space game, defend the planet from the incoming asteroids!">
    <meta name="og:description" content="A multi-player space game, defend the planet from the incoming asteroids!">

    <meta name="og:type" content="website">
    <meta name="og:title" content="AstroImpact.net">
    <meta name="og:site_name" content="AstroImpact.net">
    <meta name="og:url" content="AstroImpact.net">

    <meta name="theme-color" content="#53277E">
    <meta name="twitter:card" content="summary_large_image">

    <style>
    canvas.cstyle { z-index:-1337; border: 0px none; outline: none; background-color: black; }
    a {outline: none;}
    * { margin:0; padding:0; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
    html, body { width:100%; height:100%; overflow:hidden; background-color:#000; }
    .ui-dialog-titlebar-close {visibility: hidden;}
    .ui-dialog .ui-dialog-title {text-align: center;width: 100%;}
    </style>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/ui-darkness/jquery-ui.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>

    <script>
        $(function()
        {
            $("#chat").dialog({position:{my:"left top",at:"left top"},height:500});
            $("#dialog").dialog({resizable:false});
        });
    </script>

</head>
<body>
    <canvas class="cstyle" id="canvas" oncontextmenu="event.preventDefault()" tabindex=-1></canvas>
    <script type='text/javascript'>
    var Module = {canvas: document.getElementById('canvas')};
    </script>
    {{{ SCRIPT }}}

    <div style="text-align:center;" id="dialog" title="">
        <p>&emsp;<a style="color:#dd4814;" href="https://ubuntu.com/download" target="_blank" rel="nofollow" title="Ubuntu Download"><img src="ubuntu.png" width="36px" height="36px" /></a>&emsp;<a style="color:#d70a53;" href="https://github.com/AstroImpact/astroimpact.github.io/releases/download/1.1/fat.deb" rel="nofollow" title="AstroImpact Installer"><img src="deb.png" width="36px" height="36px" /></a>&emsp;<a href="https://notabug.org/AstroImpact/AstroImpact" title="AstroImpact GIT"><img src="nab.png" width="36px" height="36px" /></a></p>
        <br><p><a style="color:#dd4814;" href="https://ubuntu.com/download" target="_blank" rel="nofollow">UBUNTU</a>&ensp;<a style="color:#d70a53;" href="https://github.com/AstroImpact/astroimpact.github.io/releases/download/1.1/fat.deb" rel="nofollow">DEB</a>&ensp;<a href="https://notabug.org/AstroImpact/AstroImpact">GIT</a></p></center>
    </div>

    <div style="overflow:hidden;padding:0;margin:0;" id="chat" title="irc.libera.chat #vf-technic">
        <iframe src="https://web.libera.chat/?channel=#vf-technic" height="100%" width="100%" frameBorder="0" ></iframe>
    </div>

</body>
</html>